<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="jstl-fn" prefix="fn" %>
<%@ taglib prefix="c" uri="jstl"%>
<jsp:include page="Templates/metas.jsp"/>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
		<!--  #include file="includes/header.asp"  -->
		<jsp:include page="Templates/header.jsp"/>
       
        <section id="container">
        	<!-- icono de chat -->
			<!-- <a href="#" class="ico_chat"><img alt="ico_chat" src="img/ico_chat.png"></a> -->
			<span id="node_chat_njsd" class="ico_chat"></span>
			<!-- / icono de chat -->
			<h1 class="mine_title"><img src="img/shadow_title.png" class="shadow_mineTit">PREGUNTAS FRECUENTES</h1>
			<h2 class="subtitle txt_gray">Haz click en la pregunta de tu inter&eacute;s para desplegar su respuesta:</h2>
			<ul class="simple_list">
				<c:forEach items="${faqs}" var="faq" varStatus="counter">
					<li>
						<a href="#" onclick="mostrarDiv(${counter.count})" class="link_faq" id="link_faq_${counter.count}">${faq.pregunta } <img alt="" src="img/arrow_down.png"></a>
						<div class="slidingDiv${counter.count} cont_respuesta" style="display:none;">
							${faq.respuesta } 
						</div>
					</li>
				</c:forEach>
			</ul>
        </section>
        
        
<jsp:include page="Templates/footer.jsp"/>